<template>
	<view class="goods-item">
	<!-- 左侧盒子 -->	
	<view class="goods-item-left">
		<image :src="goods.goods_small_logo || defaultPic" class="goods-pic"></image>
	</view>
	<!-- 右侧盒子 -->
	<view class="goods-item-right">
		<view class="goods-name">
			<!-- 商品介绍 -->
			{{goods.goods_name}}
		</view>
		<view class="goods-info-box">
			<view class="goods-price">￥{{goods.goods_price}}</view>
		</view>
		
	</view>
	</view>
</template>
<script>
	export default{
		props:{
			goods:{
			 type:Object,
			 default:{}
			}
		}
		data(){
			return{
			defaultPic:'https://static.botue.com/ugo/uploads/banner2.png'
			};
		}
	}
</script>
<style lang="scss">
	.goods-item{
		display: flex;
		padding: 10px 5px;
		border: 1px solid #efefef;
		
			.goods-item-left{
				margin-right: 5px;
				.goods-pic{
					width: 100px;
					height: 100px;
					display: block;
				}
			}		
			.goods-item-right{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.goods-name{
					font-size: 13px;
				}
				.goods-info-box{
					.goods-price{
						font-size: 16px;
						color: #C00000;
					}
				}
			}
			}
</style>
